<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>商品详情</title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/font.css" />
	<link rel="stylesheet" type="text/css" href="css/shopping.css" />

</head>

<body>
	<!-- 导航 -->
	<div class="nav">
		<!-- 黑色导航 -->
		<div class="nav-main clearfix">
			<div class="container">
				<ul class="left fl clearfix">
					<li class="fl">
						<a href="">小米商城</a><span>|</span>
					</li>
					<li class="fl">
						<a href="">MIUI</a><span>|</span>
					</li>
					<li class="fl">
						<a href="">IoT</a><span>|</span>
					</li>
					<li class="fl">
						<a href="">云服务</a><span>|</span>
					</li>
					<li class="fl">
						<a href="">天星数科</a><span>|</span>
					</li>
					<li class="fl">
						<a href="">有品</a><span>|</span>
					</li>
					<li class="fl">
						<a href="">小爱开放平台</a><span>|</span>
					</li>
					<li class="fl">
						<a href="">企业团购</a><span>|</span>
					</li>
					<li class="fl">
						<a href="">资质证照</a><span>|</span>
					</li>
					<li class="fl">
						<a href="">协议规则</a><span>|</span>
					</li>
					<li class="fl">
						<a href="" class=" app relative">下载app
							<div class="ewm absolute">
								<img width="90" src="img/index/ewm.png" alt="">
								<p>小米商城APP</p>
							</div>
						</a><span>|</span>
					</li>
					<li class="fl">
						<a href="">智能生活</a><span>|</span>
					</li>
					<li class="fl">
						<a href="">Select Location</a>
					</li>
				</ul>
				<ul class="right fr clearfix">
					<li class="fl">
						<a href="login.html">登录</a><span>|</span>
					</li>
					<li class="fl">
						<a href="">注册</a><span>|</span>
					</li>
					<li class="fl">
						<a href="">消息通知</a>
					</li>
					<li class="fl relative shopping-cart">
						<a href="" class="shopping">
							<i class="iconfont"><b>&#xe634;</b></i>&nbsp;购物车&nbsp;(0)
						</a>
						<div class="cart absolute">
							<p>购物车中还没有任何商品，赶紧选购吧！</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!-- 白色导航 -->
		<div class="nav-sub relative">
			<div class="container clearfix">
				<!-- logo -->
				<div class="logo fl relative">
					<a href="index.html" class="mi"></a>
					<a href="index.html" class="home"></a>
				</div>
				<!-- 白色中间导航 -->
				<div class="wrapper qe fl clearfix">

					<li class="fl relative ove">
						<a class="over" href="">全部商品分类</a>
						<!-- banner左侧的导航菜单 -->
						<ul class="left-nav absolute">
							<li class="lf-nav">
								<a href="">手机 电话卡</a><i class="iconfont">&#xe659;</i>
								<div class="left-nav-text absolute clearfix">
									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003387%20-%20副本%20-%20副本.png"
													alt=""><span>小米11</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003389%20-%20副本%20-%20副本.png"
													alt=""><span>小米10</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003390%20-%20副本%20-%20副本.png"
													alt=""><span>小米 青春版 </span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003391%20-%20副本%20-%20副本.png"
													alt=""><span>至尊纪念版</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003393%20-%20副本%20-%20副本.jpg"
													alt=""><span>Redmi</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003394%20-%20副本%20-%20副本.jpg"
													alt=""><span>redmi K30</span>
											</a>
										</div>
									</div>

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003395%20-%20副本%20-%20副本.jpg"
													alt=""><span>小米 K40</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003396%20-%20副本%20-%20副本.png"
													alt=""><span>小米K40 pro</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003397%20-%20副本%20-%20副本.png"
													alt=""><span>小米 K30</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003396%20-%20副本%20-%20副本.png"
													alt=""><span>小米K40 pro</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003397%20-%20副本%20-%20副本.png"
													alt=""><span>小米 K30</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003398%20-%20副本%20-%20副本.jpeg"
													alt=""><span>k30 至尊</span>
											</a>
										</div>
									</div>

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003399%20-%20副本%20-%20副本.png"
													alt=""><span>redmi pro</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003400%20-%20副本%20-%20副本.png"
													alt=""><span>redmi not</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003401%20-%20副本%20-%20副本.png"
													alt=""><span>Renmi Not7</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003402%20-%20副本%20-%20副本.png"
													alt=""><span>Renmi Not7</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003403%20-%20副本%20-%20副本.png"
													alt=""><span>Renmi Not8</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003405%20-%20副本%20-%20副本.png"
													alt=""><span>Renmi Not6</span>
											</a>
										</div>
									</div>

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003406%20-%20副本%20-%20副本.jpg"
													alt=""><span>Redmi9</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003407%20-%20副本%20-%20副本.png"
													alt=""><span>Redmi8A</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003408%20-%20副本%20-%20副本.png"
													alt=""><span>Redmi6</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003409%20-%20副本%20-%20副本.png"
													alt=""><span>小米10</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003409%20-%20副本%20-%20副本.png"
													alt=""><span>黑鲨2</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003403%20-%20副本%20-%20副本.png"
													alt=""><span>小米10</span>
											</a>
										</div>
									</div>
								</div>
							</li>
							<li class="lf-nav">
								<a href="">电视 盒子</a><i class="iconfont">&#xe659;</i>
								<div class="left-nav-text absolute clearfix">
									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003411%20-%20副本%20-%20副本.png"
													alt=""><span>Redmi Max</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003412%20-%20副本%20-%20副本.png"
													alt=""><span>小米透明电视</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003413%20-%20副本%20-%20副本.png"
													alt=""><span>小米电视5</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003414%20-%20副本%20-%20副本.png"
													alt=""><span>65英寸</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003415%20-%20副本%20-%20副本.png"
													alt=""><span>小米智能电视</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003416%20-%20副本%20-%20副本.png"
													alt=""><span>量子电视</span>
											</a>
										</div>
									</div>

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003417%20-%20副本%20-%20副本.png"
													alt=""><span>小米Max</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003418%20-%20副本%20-%20副本.png"
													alt=""><span>小米82英寸</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003419%20-%20副本%20-%20副本.png"
													alt=""><span>小米65英寸</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003420%20-%20副本%20-%20副本.png"
													alt=""><span>小米55英寸</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003421%20-%20副本%20-%20副本.png"
													alt=""><span>小米全屏电视</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003422%20-%20副本%20-%20副本.jpg"
													alt=""><span>金属电视</span>
											</a>
										</div>
									</div>

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003423%20-%20副本%20-%20副本.png"
													alt=""><span>小米盒子</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003424%20-%20副本%20-%20副本.png"
													alt=""><span>大师电视</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003425%20-%20副本%20-%20副本.jpg"
													alt=""><span>OLED55英寸</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003426%20-%20副本%20-%20副本.png"
													alt=""><span>小米11</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003428%20-%20副本%20-%20副本.png"
													alt=""><span>智能X55</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003429%20-%20副本%20-%20副本.png"
													alt=""><span>小米全面屏</span>
											</a>
										</div>
									</div>

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003430%20-%20副本%20-%20副本.jpg"
													alt=""><span>小米电视</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003431%20-%20副本%20-%20副本.png"
													alt=""><span>小米65英寸</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003432%20-%20副本%20-%20副本.png"
													alt=""><span>小米智能电视</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003433%20-%20副本%20-%20副本.png"
													alt=""><span>小米影音</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003434%20-%20副本%20-%20副本.png"
													alt=""><span>Redmi全面屏</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003428%20-%20副本%20-%20副本.png "
													alt=""><span>智能壁画屏幕</span>
											</a>
										</div>
									</div>
								</div>
							</li>
							<li class="lf-nav">
								<a href="">笔记本 平板</a><i class="iconfont">&#xe659;</i>
								<div class="left-nav-text absolute clearfix">
									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003429%20-%20副本%20-%20副本.png"
													alt=""><span>Redmi Book</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003430%20-%20副本%20-%20副本.jpg"
													alt=""><span>Redmi Pro</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003431%20-%20副本%20-%20副本.png"
													alt=""><span>Redmi K40</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003432%20-%20副本%20-%20副本.png"
													alt=""><span>Redmi Ari13</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003433%20-%20副本%20-%20副本.png"
													alt=""><span>Redmi 14</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="./img/index/nav/ia_100003434%20-%20副本%20(2).png"
													alt=""><span>小米游戏本</span>
											</a>
										</div>
									</div>

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px" src="./img/index/nav/ia_100003435%20-%20副本.png"
													alt=""><span>小米笔记本</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="./img/index/nav/ia_100003436%20-%20副本.png"
													alt=""><span>小米Ari13</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003437%20-%20副本%20-%20副本.png"
													alt=""><span>小米15</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003438%20-%20副本%20-%20副本.jpg"
													alt=""><span>小米液晶屏</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003439%20-%20副本%20-%20副本.png"
													alt=""><span>小米Books</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px"
													src="./img/index/nav/ia_100003440%20-%20副本%20-%20副本.jpg"
													alt=""><span>Redmibooks</span>
											</a>
										</div>
									</div>

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px" src="./img/index/nav/ia_100003442%20-%20副本.png"
													alt=""><span>液晶显示器</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="./img/index/nav/ia_100003443%20-%20副本.png"
													alt=""><span>小米液晶屏</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="./img/index/nav/ia_100003444%20-%20副本.png"
													alt=""><span>液晶12.8</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="./img/index/nav/ia_100003445%20-%20副本.png"
													alt=""><span>小米鼠标</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="./img/index/nav/ia_100003442%20-%20副本.png"
													alt=""><span>液晶平屏幕</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="./img/index/nav/ia_100003445%20-%20副本.png"
													alt=""><span>小米无线鼠标</span>
											</a>
										</div>
									</div>
								</div>
							</li>
							<li class="lf-nav">
								<a href="">家电 插线板</a><i class="iconfont">&#xe659;</i>
								<div class="left-nav-text absolute clearfix">
									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003448 - 副本.jpg"
													alt=""><span>小米冰箱</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003449 - 副本.png"
													alt=""><span>立式空调</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003450 - 副本.png"
													alt=""><span>空调</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003451 - 副本.png"
													alt=""><span>滚筒洗衣机</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003452 - 副本.jpg"
													alt=""><span>净化器</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003453 - 副本.jpg"
													alt=""><span>小米热水器</span>
											</a>
										</div>
									</div>

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003454 - 副本.jpg"
													alt=""><span>小米微波炉</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003455 - 副本.jpg"
													alt=""><span>微波炉</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003456 - 副本.jpg"
													alt=""><span>扫地机器人</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003457 - 副本.jpg"
													alt=""><span>拖把</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003458 - 副本.jpg"
													alt=""><span>小米音响</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003459 - 副本.jpg"
													alt=""><span>小米电饭煲</span>
											</a>
										</div>
									</div>

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003460 - 副本.jpg"
													alt=""><span>小米电磁炉</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003461 - 副本.jpg"
													alt=""><span>小米电水壶</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003462 - 副本.jpg"
													alt=""><span>热水壶</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003463 - 副本.png"
													alt=""><span>落地扇</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003464 - 副本.jpg"
													alt=""><span>投影仪</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003465 - 副本.png"
													alt=""><span>小米灯具</span>
											</a>
										</div>
									</div>

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003466 - 副本.jpg"
													alt=""><span>小米插座</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003467 - 副本.jpg"
													alt=""><span>小米电暖器</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003468 - 副本.jpg"
													alt=""><span>小米风机</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003469 - 副本.jpg"
													alt=""><span>小米压力锅</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003472 - 副本.png"
													alt=""><span>小米手环</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003471 - 副本.png"
													alt=""><span>小米11手环</span>
											</a>
										</div>
									</div>
								</div>
							</li>
							<li class="lf-nav">
								<a href="">出行 穿戴</a><i class="iconfont">&#xe659;</i>
								<div class="left-nav-text absolute clearfix">

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003471 - 副本.png"
													alt=""><span>小米手环</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003472 - 副本.png"
													alt=""><span>小米11手环</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003473 - 副本.png"
													alt=""><span>小米手环5</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003474 - 副本.png"
													alt=""><span>小米Max5</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003471 - 副本.png"
													alt=""><span>小米11手环</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003472 - 副本.png"
													alt=""><span>小米手环</span>
											</a>
										</div>
									</div>
								</div>
							</li>
							<li class="lf-nav">
								<a href="">智能 路由器</a><i class="iconfont">&#xe659;</i>
								<div class="left-nav-text absolute clearfix">

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003485 - 副本.jpg"
													alt=""><span>小米打印机</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003486 - 副本.jpg"
													alt=""><span>小米手表</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003487 - 副本.png"
													alt=""><span>小米打印机</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003488 - 副本.png"
													alt=""><span>小米墨水</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003489 - 副本.png"
													alt=""><span>小米路由器</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003490 - 副本.jpg"
													alt=""><span>智能家庭</span>
											</a>
										</div>
									</div>

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003491 - 副本.jpg"
													alt=""><span>小米对讲机</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003492 - 副本.jpg"
													alt=""><span>小米监控</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003493 - 副本.jpg"
													alt=""><span>小米视像头</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003494 - 副本.jpg"
													alt=""><span>小米门把手</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003495 - 副本.jpg"
													alt=""><span>小米音响</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003496 - 副本.png"
													alt=""><span>小米6</span>
											</a>
										</div>
									</div>

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003497 - 副本.png"
													alt=""><span>小米路由器</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003498 - 副本.jpg"
													alt=""><span>小米小爱</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003499 - 副本.png"
													alt=""><span>云卡180天</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003500 - 副本.png"
													alt=""><span>小米电源</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003501 - 副本.jpg"
													alt=""><span>小米数据线</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003502 - 副本.jpg"
													alt=""><span>笔头</span>
											</a>
										</div>
									</div>
								</div>
							</li>
							<li class="lf-nav">
								<a href="">电源 配件</a><i class="iconfont">&#xe659;</i>
								<div class="left-nav-text absolute clearfix">
									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003500 - 副本.png"
													alt=""><span>小米电源</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003501 - 副本.jpg"
													alt=""><span>小米数据线</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003502 - 副本.jpg"
													alt=""><span>车充</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003503 - 副本.png"
													alt=""><span>小米充电头</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003505 - 副本.jpg"
													alt=""><span>小米手电</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003506 - 副本.jpg"
													alt=""><span>小手机壳</span>
											</a>
										</div>
									</div>

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003507 - 副本.jpg"
													alt=""><span>透明手机壳</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003508 - 副本.jpg"
													alt=""><span>小米</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003509 - 副本.png"
													alt=""><span>无线充电</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003510 - 副本.jpg"
													alt=""><span>黑鲨配件</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003511 - 副本.jpg"
													alt=""><span>其他配件</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100003502 - 副本.jpg"
													alt=""><span>车充</span>
											</a>
										</div>
									</div>
								</div>
							</li>
							<li class="lf-nav">
								<a href="">健康 儿童</a><i class="iconfont">&#xe659;</i>
								<div class="left-nav-text absolute clearfix">

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004752.jpg"
													alt=""><span>洗手级</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004731.jpg"
													alt=""><span>修剪器</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004722.jpg"
													alt=""><span>剃须刀</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004719.jpg"
													alt=""><span>牙刷</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004716.jpg"
													alt=""><span>吹风机</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004692.png"
													alt=""><span>体重秤</span>
											</a>
										</div>
									</div>

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004673.jpg"
													alt=""><span>体脂秤</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004653.jpg"
													alt=""><span>早教机</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004610.jpg"
													alt=""><span>积木</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004609.png"
													alt=""><span>小米手表</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004752.jpg"
													alt=""><span>小米滑板车</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004587.jpg"
													alt=""><span>婴儿推车</span>
											</a>
										</div>
									</div>


								</div>
							</li>
							<li class="lf-nav">
								<a href="">耳机 音响</a><i class="iconfont">&#xe659;</i>
								<div class="left-nav-text absolute clearfix">

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004584.jpg"
													alt=""><span>小米走步器</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004581.png"
													alt=""><span>小米小汽车</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004578.png"
													alt=""><span>小米小艾</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004573.png"
													alt=""><span>小爱音响</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004572.png"
													alt=""><span>小爱pro</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004569.png"
													alt=""><span>小米play</span>
											</a>
										</div>
									</div>

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004563.png"
													alt=""><span>小米小爱</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004560.jpg"
													alt=""><span>小米小爱触屏</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004557.png"
													alt=""><span>redmi音响</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004554.jpg"
													alt=""><span>小米线控耳机</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004551.png"
													alt=""><span>小米无线耳机</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004548.jpg"
													alt=""><span>小米耳麦</span>
											</a>
										</div>
									</div>
								</div>
							</li>
							<li class="lf-nav">
								<a href="">生活 箱包</a><i class="iconfont">&#xe659;</i>
								<div class="left-nav-text absolute clearfix">

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004530.jpg"
													alt=""><span>小米小背包</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004527.jpg"
													alt=""><span>小米双肩包</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004524.jpg"
													alt=""><span>胸包</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004521.jpg"
													alt=""><span>旅行包</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004515.jpg"
													alt=""><span>小米眼镜</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004512.jpg"
													alt=""><span>运动鞋</span>
											</a>
										</div>
									</div>

									<div class="line fl">
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004509.jpg"
													alt=""><span>小米床垫</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004506.png"
													alt=""><span>小米枕头</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004503.jpg"
													alt=""><span>小米螺丝刀</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004498.jpg"
													alt=""><span>小米保温杯</span>
											</a>
										</div>
										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004497.jpg"
													alt=""><span>驱蚊器</span>
											</a>
										</div>

										<div class="txt">
											<a href="">
												<img width="45px" src="img/index/nav/ia_100000004491.png"
													alt=""><span>毛玩偶</span>
											</a>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</li>
					<li class="fl show active">
						<a href="">小米手机</a>
					</li>
					<li class="fl show">
						<a href="">Redmi&nbsp;红米</a>
					</li>
					<li class="fl show">
						<a href="">电视</a>
					</li>
					<li class="fl show">
						<a href="">笔记本</a>
					</li>
					<li class="fl show">
						<a href="">家电</a>
					</li>
					<li class="fl show">
						<a href="">路由器</a>
					</li>
					<li class="fl show">
						<a href="">智能硬件</a>
					</li>
					<li class="fl">
						<a href="">服务</a>
					</li>
					<li class="fl">
						<a href="">社区</a>
					</li>


					<!-- 创建弹出层 -->
					<div class="info absolute">
						<div class="waper">
							<ul class="clearfix nav-list active">
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000215%20(1).webp">
										</div>
										<p class="nav-name">小米11</p>
										<p class="nav-price">3999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000216.webp">
										</div>
										<p class="nav-name">小米10至尊版</p>
										<p class="nav-price">5999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000217.webp">
										</div>
										<p class="nav-name">小米10</p>
										<p class="nav-price">3999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000218.webp">
										</div>
										<p class="nav-name">小米10青春版5G</p>
										<p class="nav-price">2099元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000219.webp">
										</div>
										<p class="nav-name">小米max</p>
										<p class="nav-price">19999元起</p>
									</a>
								</li>
							</ul>
							<ul class="clearfix nav-list">
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000175.webp">
										</div>
										<p class="nav-name">k40 系列</p>
										<p class="nav-price">3999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000180.webp">
										</div>
										<p class="nav-name">Redmi</p>
										<p class="nav-price">2999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000183.webp">
										</div>
										<p class="nav-name">Redmi not9</p>
										<p class="nav-price">2799元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000184.webp">
										</div>
										<p class="nav-name">redmi not</p>
										<p class="nav-price">999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000173.webp">
										</div>
										<p class="nav-name">Reimi k40</p>
										<p class="nav-price">1099元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box img-box">
											<img width="100%" src="img/index/nav-white/ia_100000174.webp">
										</div>
										<p class="nav-name">小米11</p>
										<p class="nav-price">3999元起</p>
									</a>
								</li>
							</ul>
							<ul class="clearfix nav-list">
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000027089.jpg">
										</div>
										<p class="nav-name">redmi 超大电视</p>
										<p class="nav-price">6999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000027090.jpg">
										</div>
										<p class="nav-name">小米电视 82寸纪念版</p>
										<p class="nav-price">5999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000027091.jpg">
										</div>
										<p class="nav-name">小米电视机大师 82寸</p>
										<p class="nav-price">6999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000027102.jpg">
										</div>
										<p class="nav-name">小米透明电视</p>
										<p class="nav-price">3999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box img-box">
											<img width="100%" src="img/index/nav-white/ia_100000027108.jpg">
										</div>
										<p class="nav-name">小米大师oled超大电视</p>
										<p class="nav-price">9999元起</p>
									</a>
								</li>
							</ul>
							<ul class="clearfix nav-list">
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000188.webp">
										</div>
										<p class="nav-name">redmi 笔记本</p>
										<p class="nav-price">3999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000192.webp">
										</div>
										<p class="nav-name">redmi bookpro</p>
										<p class="nav-price">5999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000193.webp">
										</div>
										<p class="nav-name">redmi G 游戏本</p>
										<p class="nav-price">6999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000194.webp">
										</div>
										<p class="nav-name">小米 book A13</p>
										<p class="nav-price">4999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000195.webp">
										</div>
										<p class="nav-name">小米笔记本 A3</p>
										<p class="nav-price">3999元起</p>
									</a>
								</li>
							</ul>
							<ul class="clearfix nav-list">
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000198.webp">
										</div>
										<p class="nav-name">小米扫地机器人</p>
										<p class="nav-price">999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000199.png">
										</div>
										<p class="nav-name">米家滚筒洗衣机</p>
										<p class="nav-price">3999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000200.webp">
										</div>
										<p class="nav-name">米家热水器</p>
										<p class="nav-price">2599元起</p>
									</a>
								</li>

							</ul>
							<ul class="clearfix nav-list">
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000206.webp">
										</div>
										<p class="nav-name">小米路由器Axis800</p>
										<p class="nav-price">999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000207.webp">
										</div>
										<p class="nav-name">小米路由器</p>
										<p class="nav-price">1999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000208.webp">
										</div>
										<p class="nav-name">小米路由器A9009</p>
										<p class="nav-price">699元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000203.webp">
										</div>
										<p class="nav-name">redmi路由器</p>
										<p class="nav-price">299元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000204.webp">
										</div>
										<p class="nav-name">小米路由器A999</p>
										<p class="nav-price">379元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box img-box">
											<img width="100%" src="img/index/nav-white/ia_100000205.webp">
										</div>
										<p class="nav-name">小米路由器#000000</p>
										<p class="nav-price">399元起</p>
									</a>
								</li>
							</ul>
							<ul class="clearfix nav-list">
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000215.webp">
										</div>
										<p class="nav-name">小米小爱电视</p>
										<p class="nav-price">3999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000216.jpg">
										</div>
										<p class="nav-name">小爱智能</p>
										<p class="nav-price">999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000248.webp">
										</div>
										<p class="nav-name">小米扫地机器人</p>
										<p class="nav-price">999元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box">
											<img width="100%" src="img/index/nav-white/ia_100000246.webp">
										</div>
										<p class="nav-name">小米智能手表</p>
										<p class="nav-price">799元起</p>
									</a>
								</li>
								<li class="fl">
									<a href="">
										<div class="imgs-box img-box">
											<img width="100%" src="img/index/nav-white/ia_100000240.webp">
										</div>
										<p class="nav-name">小米鼠标</p>
										<p class="nav-price">199元起</p>
									</a>
								</li>
							</ul>
						</div>
					</div>

				</div>
				<!-- 收索框 -->
				<div class="seach fr">
					<form action="#" class="search clearfix">
						<input class="search-input fl" type="text" name="" id="" value="" />
						<button class="search-btn fl">
							<i class="iconfont">&#xe6a2;</i>
						</button>
					</form>
				</div>

			</div>
		</div>

	</div>
	<!-- nav -->

	<div class="nav-sub">
		<div class="container clearfix">
			<ul class="fl clearfix left">
				<li class="fl bother"><a href="">Readmi &nbsp;9A</a></li>
				<li class="fl sim"><a href=""><span>|</span>Readmi &nbsp;9</a></li>
				<li class="fl sim"><a href=""><span>|</span>Readmi &nbsp;8</a></li>
				<li class="fl sim"><a href=""><span>|</span>Readmi &nbsp;8A</a></li>
			</ul>
			<ul class="fr clearfix right">
				<li class="fl">
					<a href="">概述<span>|</span></a>
				</li>
				<li class="fl">
					<a href="">参数<span>|</span></a>
				</li>
				<li class="fl">
					<a href="">F码通道<span>|</span></a>
				</li>
				<li class="fl">
					<a href="">质询客服<span>|</span></a>
				</li>
				<li class="fl">
					<a href="">用户评价</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 内容 -->
	<div class="content" data-id='1'>
		<div class="container clearfix">

		


			<div class="lb fl">
				<div class="swiper-container shopping-box">
					<div id="div1">
						<ul id="lbt">
							<li class="ac">
								<img width="560px" height="560px"
									src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1648381367.21811717.jpg" />
							</li>
							<li>

								<img width="560px" height="560px"
									src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1640679180.2584160.png" />

							</li>
							<li>

								<img width="560px" height="560px"
									src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1653384563.45521577.png" />

							</li>
							<li>

								<img width="560px" height="560px"
									src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1648381367.21811717.jpg" />

							</li>
							<li>

								<img width="560px" height="560px"
									src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1647515845.57268894.png" />

							</li>
						</ul>
						<ol>
							<li class="ac">1</li>
							<li>2</li>
							<li>3</li>
							<li>4</li>
							<li>5</li>
						</ol>
						<a href="javascript:;" id="goPrev">&laquo;</a>
						<a href="javascript:;" id="goNext">&raquo;</a>
					</div>
				</div>
			</div>


			<div class="info fl">
				<h2>Readmi&nbsp;9A</h2>
				<p class="sale">「6GB+128GB版本直降100元，到手价低至899元；购机享碎屏保、延保8折优惠；+1元得200G 云空间月卡」<span>5000mAh长循环大电量 /
						6.53"超大护眼屏幕 /
						G25八核处理器 / 大音量扬声器 / 1300万 AI相机 / 人脸解锁 / 最高支持512GB存储扩展</span></p>
				<p class="title">小米自营</p>
				<p class="data-v">899元<strike>999元</strike></p>
				<div class="xian"></div>
				<div class="id-box clearfix">
					<div class="icon iconfont fl">&#xe60c;</div>
					<div class="fl right">
						<span>北京</span><span>北京市</span><span>海定区</span><span>长河街道</span><a href="">修改</a>
						<p>有现货</p>
					</div>
				</div>
				<div class="color" id="color">
					<p class="tit">选择颜色</p>
					<span class="true tur" href="#">晴空蓝</span>
					<span class="true" href="">湖光绿</span>
					<span class="true" href="">砂石黑</span>
				</div>

				<div class="GB" id='GB'>
					<p class="tit">选择版本</p>
					<span class="true tur" href="">4G+64G</span>
					<span class="true" href="">4G+128G</span>
					<span class="true" href="">6G+128G</span>
				</div>

				<ul class="clearfix data-b" id="bh">
					<div class="tit ">选择小米提供的意外保护
						<a href="" class="fr">了解意外服务></a>
					</div>
					<li class="clearfix">
						<div class="fl">
							<span class="rudiu"></span><img width="50" src="img/shopping/ia_100000228.png">
						</div>
						<div class="fl txt">
							<h3>意外保障服务<span class="rmb">99元</span></h3>
							<p class="yw">手机意外碎屏/进水/碾压等损坏</p>
							<p class="clearfix quer">
								<span class="bod"></span>我以阅读<a href="">服务条款 &nbsp;|</a><a href="">常见问题</a><span
									class="fr fri">99元</span>
							</p>
						</div>
					</li>
					<li class="clearfix bd-t">
						<div class="fl">
							<span class="rudiu"></span><img width="50" src="img/shopping/ia_100000228.png">
						</div>
						<div class="fl txt">
							<h3>意外保障服务<span class="rmb">已省12元</span></h3>
							<p class="yw">手机意外碎屏</p>
							<p class="clearfix quer">
								<span class="bod"></span>我以阅读<a href="">服务条款 &nbsp;|</a><a href="">常见问题</a><span
									class="fr fri">47元</span>
							</p>
						</div>
					</li>
				</ul>
				<ul class="clearfix data-b" id="bx">
					<div class="tit">选择小米提供的延长保修
						<a href="" class="fr">了解延长保修></a>
					</div>
					<li class="clearfix">
						<div class="fl">
							<span class="rudiu"></span><img width="50" src="img/shopping/ia_100000228.png">
						</div>
						<div class="fl txt">
							<h3>延长报保修服务<span class="rmb">已省6元</span></h3>
							<p class="yw">厂保延一年，性能故障免费维修</p>
							<p class="clearfix quer">
								<span class="bod"></span>我以阅读<a href="">服务条款 &nbsp;|</a><a href="">常见问题</a><span
									class="fr fri">23元</span>
							</p>
						</div>
					</li>
				</ul>
				<ul class="clearfix data-b" id="fw">
					<div class="tit">选择小米提供的云空间服务
						<a href="" class="fr">了云空间服务></a>
					</div>
					<li class="clearfix">
						<div class="fl">
							<span class="rudiu"></span><img width="50" src="img/shopping/ia_100000232.png">
						</div>
						<div class="fl txt">
							<h3>云空间年卡200G<span class="rmb">159元</span></h3>
							<p class="yw">主商品签收后，自动激活至下单帐号</p>
							<p class="clearfix quer">
								<span class="bod"></span>我以阅读<a href="">服务条款 &nbsp;|</a><a href="">常见问题</a><span
									class="fr fri">159元</span>
							</p>
						</div>
					</li>
					<li class="clearfix">
						<div class="fl">
							<span class="rudiu"></span><img width="50" src="img/shopping/ia_100000232.png">
						</div>
						<div class="fl txt">
							<h3>云空间年卡 50G<span class="rmb">49元</span></h3>
							<p class="yw">主商品签收后，自动激活至下单帐号</p>
							<p class="clearfix quer">
								<span class="bod"></span>我以阅读<a href="">服务条款 &nbsp;|</a><a href="">常见问题</a><span
									class="fr fri">49元</span>
							</p>
						</div>
					</li>
					<li class="clearfix">
						<div class="fl">
							<span class="rudiu"></span><img width="50" src="img/shopping/ia_100000232.png">
						</div>
						<div class="fl txt">
							<h3>云空间月卡 200G<span class="rmb">已省18元</span></h3>
							<p class="yw">主商品签收后，自动激活至下单帐号</p>
							<p class="clearfix quer">
								<span class="bod"></span>我以阅读<a href="">服务条款 &nbsp;|</a><a href="">常见问题</a><span
									class="fr fri">1元</span>
							</p>
						</div>
					</li>
					<li class="clearfix">
						<div class="fl">
							<span class="rudiu"></span><img width="50" src="img/shopping/ia_100000232.png">
						</div>
						<div class="fl txt">
							<h3>云空间月卡 50G<span class="rmb">已省6元</span></h3>
							<p class="yw">主商品签收后，自动激活至下单帐号</p>
							<p class="clearfix quer">
								<span class="bod"></span>我以阅读<a href="">服务条款 &nbsp;|</a><a href="">常见问题</a><span
									class="fr fri">6元</span>
							</p>
						</div>
					</li>
				</ul>

				<div class="total">
					<p class="text"><i class="title-name">Redmi 9A</i> 4GB+64GB 晴空蓝<span class="price">599元</span></p>
					<p class="total-rmb">总计：<span>599</span>元</p>
				</div>
				<a class="shopcar" id='shopcar' href="javascript:;">加入购物车</a><a class="love" href="">喜欢</a>
				<div class="nav-but iconfont">
					&#xe610;小米自营&nbsp;&#xe610;&nbsp;小米发货&#xe610;&nbsp;7天无理由退款&#xe610;&nbsp;运费说明&#xe610;&nbsp;企业信息&#xe610;&nbsp;售后服务政策&#xe610;&nbsp;7天价格保护
				</div>
				</infodiv>
			</div>
		</div>

		<div class="price">
			<div class="container">
				<h2>价格说明</h2>
				<img src="img/shopping/ia_100000233.jpeg">
			</div>
		</div>

		<!-- 页脚 -->
		<div class="footer">
			<div class="container">
				<div class="waper">

					<div class="service">
						<ul class="clearfix">
							<li class="fl">
								<a href=""><i class="iconfont">&#xe629;</i><span>预约维修服务</span></a>
							</li>
							<li class="fl">
								<a href=""><i class="iconfont">&#xe61f;</i><span>7天无理由退货</span></a>
							</li>
							<li class="fl">
								<a href=""><i class="iconfont">&#xe606;</i><span>15天免费换货</span></a>
							</li>
							<li class="fl">
								<a href=""><i class="iconfont">&#xe60b;</i><span>满99包邮</span></a>
							</li>
							<li class="fl">
								<a href=""><i class="iconfont">&#xe60c;</i><span>520余家售后网点</span></a>
							</li>
						</ul>
					</div>

					<div class="link clearfix">
						<ul class="fl ">
							<li>帮助中心</li>
							<li><a href="">账户管理</a></li>
							<li><a href="">购物指南</a></li>
							<li><a href="">订单操作</a></li>
						</ul>
						<ul class="fl ">
							<li>服务支持</li>
							<li><a href="">售后政策</a></li>
							<li><a href="">自助服务</a></li>
							<li><a href="">相关下载</a></li>
						</ul>
						<ul class="fl ">
							<li>线下门店</li>
							<li><a href="">小米之家</a></li>
							<li><a href="">服务网点</a></li>
							<li><a href="">授权体验店</a></li>
						</ul>
						<ul class="fl ">
							<li>关于小米</li>
							<li><a href="">了解小米</a></li>
							<li><a href="">加入小米</a></li>
							<li><a href="">投资者关系</a></li>
							<li><a href="">企业社会责任</a></li>
							<li><a href="">兼廉举报</a></li>
						</ul>
						<ul class="fl ">
							<li>关注我们</li>
							<li><a href="">新浪微博</a></li>
							<li><a href="">官方微信</a></li>
							<li><a href="">联系我们</a></li>
							<li><a href="">公益基金会</a></li>
						</ul>
						<ul class="fl ">
							<li>特色服务</li>
							<li><a href="">F码通道</a></li>
							<li><a href="">礼物码</a></li>
							<li><a href="">防伪查询</a></li>
						</ul>
						<div class="contact fr">
							<p class="tel"> 400-100-5678</p>
							<p class="date"> 周一至周日8：00-18：00 <br />(仅收市话费)</p>
							<a class="kefu" href=""><i class="iconfont">&#xe6e4;</i>人工客服</a>
						</div>
					</div>

				</div>
			</div>

		</div>

		<!-- 页脚信息 -->
		<div class="footer-info">
			<div class="container">
				<div class="waper clearfix ">
					<div class="footer-logo fl">
						<img width="57" src="./img/index/logo2.ico">
					</div>
					<div class="info-text fr">
						<p class="sites">
							<a href="">小米商城</a><span> | </span>
							<a href="">MIUI</a><span> | </span>
							<a href="">米家</a><span> | </span>
							<a href="">米聊</a><span> | </span>
							<a href="">多看</a><span> | </span>
							<a href="">游戏</a><span> | </span>
							<a href="">政企服务</a><span> | </span>
							<a href="">小米天猫店</a><span> | </span>
							<a href="">小米集团隐私政策 </a><span> | </span>
							<a href="">小米公司儿童信息保护规则</a><span> | </span>
							<a href="">小米商城隐私政策</a><span> | </span>
							<a href="">小米商城用户协议</a><span> | </span>
							<a href="">问题反馈</a><span> | </span>
							<a href=""> Select Location</a><span> | </span>
							<a href="">北京互联网法院法律服务工作站</a><span> | </span>
							<a href="">中国消费者协会</a><span> | </span>
							<a href="">北京市消费者协会</a><span> | </span>
						</p>
						<p class="sites">
							© mi.com 京ICP证110507号
							<a href="">京ICP备10046444号 </a>
							<a href="">京公网安备11010802020134号</a>
							<a href="">京网文[2020]0276-042号</a><br />
							<a href="">（京）网械平台备字（2018）第00005号</a>
							<a href="">互联网药品信息服务资格证 (京)-非经营性-2014-0090 </a>
							<a href="">营业执照</a>
							<a href="">医疗器械质量公告</a><br />
							<a href="">增值电信业务许可证</a>
							<a href="">网络食品经营备案</a>
							<a href="">京食药网食备202010048</a>
							<a href="">食品经营许可证</a><br />
							<a href="">违法和不良信息举报电话：171-5104-4404</a>
							<a href="">知识产权侵权投诉 </a>
							本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
						</p>
						<p class="site">
							<a href=""><img src="./img/index/ia_100000382%20(1).png"></a>
							<a href=""><img src="./img/index/ia_100000383%20(1).png"></a>
							<a href=""><img src="./img/index/ia_100000384%20(1).png"></a>
							<a href=""><img src="./img/index/ia_100000385%20(1).png"></a>
							<a href=""><img src="./img/index/ia_100000387%20(1).png"></a>
						</p>
						<p>
							<img src="./img/ia_100000532.png" class="botterx">
						</p>
					</div>
				</div>
			</div>
		</div>


		<!-- 侧边导航 -->
		<div class="nav-right">
			<div class="waper">
				<ul>
					<li class="relative frist">
						<a href="" class="frist">
							<i class="iconfont ">&#xe61d;</i><span>手机app</span>
						</a>
						<div class="ewm-new absolute">
							<img width="100" src="./img/index/ewm.png" alt="">
							<span class="new">扫码领取百元新人礼包</span>
						</div>
					</li>
					<li>
						<a href="">
							<i class="iconfont">&#xe63d;</i><span>个人中心</span>
						</a>
					</li>
					<li>
						<a href="">
							<i class="iconfont">&#xe629;</i><span>售后服务</span>
						</a>
					</li>
					<li>
						<a href="">
							<i class="iconfont">&#xe601;</i><span>人工客服</span>
						</a>
					</li>
					<li>
						<a href="">
							<i class="iconfont">&#xe634;</i><span>购物车</span>
						</a>
					</li>
				</ul>
				<div class="head"><i class="iconfont">&#xe742;</i><span>回顶部</span></div>
			</div>
		</div>
</body>
<script src="./js/shopping.js"></script>

</html>